@media screen and (min-width:1025px){
	.fixedImg { background-attachment: fixed;}
	.banner .item{ opacity: 1 !important;} 
	.banner .binbox { opacity: 0; visibility: hidden; transform:translateX(-150px); -webkit-transform:translateX(-150px); -moz-transform:translateX(-150px);}
	.banner .slick-active {z-index: 400 !important;}
	.banner .slick-active .img { -webkit-animation: decreaseHeight 1.2s forwards; animation: decreaseHeight 1.2s forwards; overflow:hidden;}
	.banner .slick-active .binbox{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: .78s 0.55s cubic-bezier(.215,.61,.355,1); -webkit-transition: .78s 0.55s cubic-bezier(.215,.61,.355,1);}
	.product-Idemo .item:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;}
	.product-Idemo .item:hover .blue-85{ opacity: 1; visibility: visible\9;}
	.product-Idemo .item:hover .con{ top: 30px;}
	.product-Idemo .item:hover .c,.product-Idemo .item:hover .icon-jiantou{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
	.product-Idemo .item:hover:before,.product-Idemo .item:hover:after{ width: 100%;}
	.product-Idemo .item:hover .blue-85:before,.product-Idemo .item:hover .blue-85:after{ height: 100%;}

}
@media screen and (max-width:1441px){
	.nav>ul>li>a{ padding: 0px 10px;}
	.banner .binbox .by{ font-size: 32px;}
	.banner .binbox .zh{ font-size: 44px;}
	.mapBox{ height: 450px;}
}
@media screen and (max-width:1370px){
	.banner .binbox .by{ font-size: 30px;}
	.banner .binbox .zh{ font-size: 42px;}
	.mapBox{ height: 400px;}
}
@media screen and (max-width:1260px){
	.inner{ width: 960px;}
	.nav li{ margin-right: 12px; font-size: 15px;}
	.nav>ul>li>a{ padding: 0px;}
	.telBox{ padding-left: 2%;}
	.telBox b{ font-size: 16px;}
	.telBox i{ margin-right: 5px; font-size: 26px;}
	.banner .binbox .by{ font-size: 28px;}
	.banner .binbox .zh{ font-size: 40px;}
	.banner .binbox { width: 960px; margin-left: -480px;}
	.product-Idemo{ height: 304px;}
	.product-Idemo .ico{ width: 60px; height: 60px;}
	.product-Idemo .ico i{ background-size: 70% auto;}
	.product-Idemo .title{ font-size: 18px;}
	.product-Idemo .bot{ margin-bottom: 30px;}
	.product-Idemo .c{ margin-bottom: 20px;}
	.honor-list{ width: 980px;}
	.join-list .con{ font-size: 14px;}
	.join-list .con .ico{ width: 50px; height: 50px;}
	.join-list .con h4{ font-size: 18px; margin-bottom: 20px;}
	.join-box{ padding: 140px 0px;}
	.mapBox{ height: 360px;}
	.padding-bot{ padding-bottom: 80px;}
	.pro-tab td{ display: block; width: 100%;}
	.partnerList{ margin-left: -2%;}
	.partnerList li{ width: 23%; margin: 0 0 25px 2%;}
	.product-list .txt{ height: 64px; line-height: 64px; font-size: 15px;}
	.service-map-sider{ width: 30%;}
	.service-map-demo{ width: 60%;}
	#RegionMap tspan{ font-size: 14px;}
}
@media screen and (max-width:1024px){
	.transYT50,.transYT20{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT50{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
	.action.transYT50,.action .transYT502,.action .transYT20 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT50{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.warp{ position: inherit; left: auto; top: auto;}
	.inner{ width: 90%;}
	.nav,.telBox{ display: none;}
	.top,.pageH{ height: 54px;}
	.logo{ width: 210px; padding: 20px 0px; top: 0; margin-top: -5px;}
	.menu-handler,.menuBox{ display: block;}
	.foot-top .bdsharebuttonbox{ display: none;}
	.foot-nav,.foot .ermbox,.foot .add-box{ float: none; display: block;}
	.foot-nav a{ margin-right: 5%;}
	.foot .ermbox,.foot .add-box{ margin-bottom: 25px;}
	.foot .ermbox figure{ margin: 0 0 5px;}
	.banner{ margin-top: 54px;}
	.banner .img{ position: relative; left: auto; top: auto; right: auto; bottom: auto;}
	.banner .pimg { display: none;}
	.banner .bimg{ display: block;}
	.banner .binbox{ width: 90%; left: 5%; margin-left: 0; height: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.banner .binbox .by{ font-size: 24px;}
	.banner .binbox .zh{ font-size: 30px;}
	.banner .mouseIco{ display: none;}
	.banner .slick-dots{ width: 100%; top: auto; bottom: 5%; right: 0; text-align: center;}
	.banner .slick-dots li{ overflow: hidden; display: inline-block; margin: 0px 5px 0;}
	.ibox-padding{ padding: 70px 0 95px;}
	.product-Idemo{ height: auto; margin-left: -10px;}
	.product-Idemo .item{ margin: 0px 10px;}
	.product-Idemo .c,.product-Idemo .icon-jiantou{ display: none;}
	.product-Idemo .ico i{ background-size: 60% auto;}
	.product-Idemo .con{ top:75%; }
	.inew-list .btn-more2{ right: 0;}
	.inew-list .type{ display: block; border: 0; padding: 0; margin: 0 0 5px;}
	.inew-list h2{ font-size: 16px; line-height: 1.5;}
	.inew-list li{ width:auto; padding: 0px 15% 28px 125px;}
	.pbanner-C{ height: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.pbanner-C .en{ font-size: 14px;}
	.pbanner-C .zh{ font-size: 28px;}
	.pbanner-C .bot{ margin-top: 15px;}
	.page-nav-box{ width: 100%; height: 40px; position: relative;}
	.page-nav-btn{ position: absolute; left: 0; top: 0; width: 100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space:nowrap; text-align: left;}
	.page-nav-btn a:active,.page-nav-btn a:hover { color: #333;}  
	.page-nav-btn>ul{ display: inline-flex; display:-webkit-inline-flex;}
	.page-nav-btn li{ float: left; display: block;}
	.page-nav-btn a{ line-height: 40px; height: 40px; padding: 0px 20px; font-size: 14px;}
	.page-nav-btn a:after{ display: none;}
	.page-nav-btn a.active{ background-color: #2f86c7;}
	.pagePadding{ padding: 80px 0px 100px;}
	.w930{ width: 90%;}
	.about-list .num{ font-size: 80px;}
	.about-list{ padding: 40px 0px 20px;}
	.about-list li{ margin-right: 0; width: 50%;}
	.about-img .slick-arrow{ width: 42px; height: 42px; line-height: 42px; margin-top: -21px;}
	.honor-list{ width: 90%;}
	.honor-list dd{ width: 31.33%;}
	.paging{ padding-top: 40px;}
	.news-list{ margin-left: -2%;}
	.news-list li{ margin-left: 2%; width: 31.33%;}
	.news-list .c{ height: 75px; margin-bottom: 25px;}
	.w920{ width: 90%;}
	.info-T h3{ font-size: 24px;}
	.info-T .icon-shijian{ margin-right: 10px;}
	.infoPage-box{ padding: 80px 0px;}
	.w970{ width: 90%;}
	.industry-list .con{ margin: 0px 25% 0px 0px;}
	.industry-list h4{ font-size: 18px;}
	.newspaper-list h4{ font-size: 16px;}
	.newspaper-list .btnBox{ margin-top: 20px;}
	.btnBox .btn{ float: none; display: block; margin-right: 0; text-align: center;}
	.newspaper-list dd{ padding: 25px 0px;}
	.newspaper-list figure{ width: 32%;}
	.newspaper-list .con{ width: 53%;}
	.join-list{ width: 600px; margin: 0px auto; padding-top: 30px;}
	.join-list li{ margin-bottom: 25px;}
	.join-list li:last-child{ margin-bottom: 0;}
	.join-list li .img{ float: none; width: 100%;}
	.join-list .con{ position: relative; left: auto; top: auto; width: 90%; display: block; margin: 0px auto; padding: 25px 0px 40px;}
	.join-list .oneItem .con{ left: auto;}
	.join-list .twoItem .img{ margin-left: 0;}
	.join-list .twoItem .con{ left: auto;}
	.join-box{ padding: 100px 0px;}
	.join-box-con{ width: 70%; padding: 25px 5%; font-size: 14px;}
	.join-box-con .bor{ border-width: 2px;}
	.hrList .hot{ left: 5%; transform: scale(0.9); -webkit-transform: scale(0.9);}
	.hrList .hicon{ width: 5%;}
	.hrList .hrB{ margin-left: 5%;}
	.hrList .hspan:nth-child(4),.hrList .hspan:nth-child(5),.hrList .hspan:nth-child(6){ display: none;}
	.hrList .hspan:nth-child(2),.hrList .hspan:nth-child(3){ width: 35%;}
	.hrList .hspan:nth-child(7){ width: 20%;}
	.teamList .titem .txt{ height: 60px; line-height: 60px;}
	.contact-left,.contact-erm{ float: none; width: auto;}
	.contact-erm{ width: 180px; margin-top: 25px;}
	.mapBox{ height: 320px;}
	.pro-img{ margin-top: 5%; width: 45%;}
	.l.pro-img{ margin-left: 5%;}
	.r.pro-img{ margin-right: 5%;}
	.partnerList li{ width: 31.33%;}
	.product-list .txt{ height: 54px; line-height: 54px; font-size: 14px;}
	.product-tab-t{ margin-bottom: 50px;}
	.product-tab-t li{ height: 54px; line-height: 54px; font-size: 15px;}
	.branchPage{ padding:120px 0px;}
	.branchPage .iboxT{ width: 80%;}
	.service-list .ico{ width: 80px; height: 80px;}
	.service-list h3{ font-size: 20px; padding: 18px 0px;}
	.service-list .c{ padding: 25px 0 0;}
}
@media screen and (max-width:860px){
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.banner .binbox .by{ font-size: 20px;}
	.banner .binbox .zh{ font-size: 24px;}
	.w770{ width: 90%;}
	.section { padding: 30px 0 }
	.section-title { font-size: 20px; margin-bottom: 20px }
	.section-title small { font-size: 12px }
	.section-title:after { height: 12px; margin-top: 5px }

	.in-about dt { float: none; width: auto }
	.in-about dd { margin: 0; padding: 20px }
	.in-about dd h4 { font-size: 18px; margin-bottom: 20px }
	.in-about dd h4:after { width: 65px; margin-top: 10px }
	.in-about dd .more { margin-top: 20px }

	.about-list .num{ font-size:70px;}
	.news-list{ margin-left: -5%;}
	.news-list li{ margin-left: 5%; width: 45%;}
	.newspaper-list{ margin-left: 0;}
	.newspaper-list dd{ float: none; width: auto; display: block; padding: 25px 5%; margin-bottom: 25px;}
	.newspaper-list figure{ width: 155px; margin-left: 0;}
	.newspaper-list .con{ float: none; width: auto; padding-left: 155px;}
	.btnBox .btn{ display: inline-block;}
	.join-list{ width: 560px;}
	.mapBox{ height: 250px;}
	.proDl{ padding: 5%;}
	.pro-img{ margin-top: 0%; width: auto;}
	.l.pro-img,.r.pro-img{ margin: 0%; float: none; display: block;}
	.proC{ padding: 35px 0 0; width: auto;}
	.service-map-sider,.service-map-demo{ width: auto ; float: none; display: block;}
	.service-map-demo{ margin-bottom: 35px;}
	.service-map-sider{ margin-bottom: 30px;}
	.service-map .tsbox{ position: relative; left: auto; bottom: auto;}
}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 300px; margin-top: -155px; }
	.menuBox{ width: 80%;}
	.menuMoblie .nav-link{ font-size: 16px;}
	.menuMoblie .subnav a{ font-size: 14px;}
	.foot-top{ display: none;}
	.smlink{ display: none; margin-left: 0;}
	.banner .binbox .by{ font-size: 16px;}
	.banner .binbox .zh{ font-size: 18px;}
	.ibox-padding{ padding: 50px 0 65px;}
	.iboxT{ margin-bottom: 35px;}
	.iboxT .en,.iboxT .en2{ font-size: 14px;}
	.iboxT .zh{ font-size: 18px;}
	.iboxT .en2{ padding: 5px 0px 0px;}
	.iaboutBox .pageC{ margin-bottom: 40px;}
	.product-Idemo{ margin:0 auto; width: 80%;}
	.product-Idemo .item{ margin: 0 auto;}
	.product-Idemo .title{ font-size: 14px; font-weight: normal; padding: 15px 0 5px;}
	.product-Idemo .ico{ width: 54px; height: 54px;}
	.ipro-arrows{ padding-top: 40px;}
	.ipro-arrows .slick-dots li{ width: 8px; height: 8px;}
	.ipro-arrows .slick-dots li.slick-active { width: 8px; background-color: #55ACEE;}
	.inew-list{ padding-bottom: 20px;}
	.inew-list li{ padding: 0px 0px 25px 80px; margin-bottom: 25px;}
	.inew-list .timeBox{ width: 70px;}
	.inew-list .timeBox .day{ font-size: 30px;}
	.inew-list .timeBox .year{ font-size: 14px;}
	.inew-list .btn-more2{ display: none;}
	.inew-list h2{ font-size: 14px;}
	.pbanner-C .en{ font-size: 13px;}
	.pbanner-C .zh{ font-size: 20px;}
	.pbanner-C .bot{ display: none;}
	.pagePadding{ padding: 20px 0px 40px;}
	.wave-canvas-wrapper{ height: 30%;}
	.about-list .num{ font-size:54px;}
	#aboutPage .pageC{ font-size: 14px;}
	.about-img .slick-arrow{ width: 32px; height: 32px; line-height: 32px; margin-top: -16px;}
	.about-img .slick-arrow i { font-size: 14px;}
	.honor-list dd{ width: 48%; padding: 0; margin-right: 4%;}
	.honor-list dd:nth-child(even){ margin-right: 0;}
	.paging{ padding-top: 30px;}
	.paging a{ margin: 0px 2px!important; padding: 5px 11px; font-size: 13px;}
	.news-list .c{ font-size: 12px; height: 0px;}
	.news-list{ margin-left: -2%;}
	.news-list li{ margin-left: 2%; width: 48%; margin-bottom: 25px;}
	.infoPage-box{ padding: 0px 0px;}
	.info-T h3{ font-size: 20px;}
	.nd-back .name{ display: none;}
	.industry-list dd .stimeBox{ position: relative; left: auto; top: auto;}
	.industry-list dd .stimeBox,.industry-list dd:hover .stimeBox{ background-color: transparent; }
	.industry-list .item{ padding: 20px 0px;}
	.industry-list .con{ margin-right: 0;}
	.industry-list h4{ font-size: 14px; line-height: 1.5;}
	.industry-list .c{ font-size: 12px; height: 42px; overflow: hidden; margin-top: 6px;}
	.stimeBox{ padding: 0; margin-bottom: 10px; color: #0086B3;}
	.stimeBox .t,.stimeBox .bot{ display: none;}
	.stimeBox .day{ display: inline-block; font-size: 16px;}
	.industry-list dd:hover .stimeBox{ color: #fff;}
	.newspaper-list figure{ width: 100px;}
	.newspaper-list .con{ padding-left: 100px;}
	.newspaper-list h4{ font-size: 14px;}
	.newspaper-list .time{ font-size: 12px;}
	.btnBox .btn{ font-size: 12px; padding: 0px 5px;}
	.btnBox .iconfont{ font-size: 16px; margin-right: 5px;}
	.join-list{ width: 100%; padding-top: 15px;}
	.join-list .con .ico{ width: 40px; height: 40px;}
	.join-list .con h4{ font-size: 16px; margin-bottom: 16px;}
	.join-box{ padding: 80px 0px;}
	.hrList .hspan:nth-child(3){ display: none;}
	.hrList .hspan:nth-child(2){ width: 60%; text-indent: 2em; text-align: left;}
	.hrList .hspan:nth-child(7){ width: 30%; font-size: 12px;}
	.hrList .hot{ left: 10%;}
	.hrList .hicon{ width: 10%;}
	.hrList .hrdt{ display: none;}
	.hrList .hrB{ margin-left: 10%;}
	.hr-box{ margin-top: 40px;}
	.teamList .titem .txt{ height: 50px; line-height: 50px; font-size: 14px;}
	.teamList{ margin-left: -2%;}
	.teamList li{ width: 48%; margin:0 0 25px 2%;}
	.teamList .titem .add{ width: 30px; height: 30px; margin: -15px 0 0 -15px;}
	.contact-left .pageC{ font-size: 14px;}
	.contact-erm{ width: 140px;}
	.mapBox{ height: 200px;}
	.padding-bot{ padding-bottom: 60px;}
	.proC,.proC2{ font-size: 14px;}
	.proC2{ padding: 25px 5%;}
	.product-list{ margin-left: -2%;}
	.product-list dd{ margin-left: 2%; margin-bottom: 30px; width: 48%;}
	.product-tab-t li{font-size: 14px; height: 50px; line-height: 50px;}
	.branchPage{ padding:70px 0px;}
	.branchPage .iboxT{ width: 90%;}
	.service-list{ margin-left: 0;}
	.service-list li{ width: auto; float: none; display: block; margin-left: 0;}
	.service-list .ico{ width: 60px; height: 60px;}
	.service-list h3{ padding: 12px 0px; font-size: 16px;}
	.service-list .c{ font-size: 14px;}
	.nobox-btn{ width: 150px;}
}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -150px; height: 240px; margin-top: -120px; }
	.about-list li{ font-size: 12px;}
	.about-list .num{ font-size:40px;}
	.partnerList li{ width: 48%; margin-bottom: 12px;}
}	
@media screen and (max-width:421px) {
	.banner .binbox .by{ font-size: 14px;}
	.banner .binbox .zh{ font-size: 16px;}
	.honor-list .txt{ height: auto;line-height: 1.5; font-size: 12px; text-align: left;}
	.news-list{ margin-left: 0%;}
	.news-list li{ margin-left: 0%; width: 100%; float: none; display: block;}
	.news-list h4{ font-size: 14px; margin-bottom: 5px;}
	.news-list .c{ height: 0px; margin-bottom: 15px;}
	.paging a{ padding: 3px 8px; font-size: 12px;}
}